<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<p>1111111111111</p>
		<button class="p1">点击按钮后p标签将隐藏</button>
		<p id="p1">2222222222222</p>
		<button class="p2">点击按钮后id为p1的元素将隐藏</button>
		<p class="p3">33333333333</p>
		<button class="p4">点击按钮后class为p3的元素将隐藏</button>
		
		<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
		<script>
			$(function(){
				//元素选择器
				$("button[class='p1']").click(function(){
					$("p").hide()
				})
				//id选择器
				$("button[class='p2']").click(function(){
					$("#p1").hide()
				})
				//class选择器
				$("button[class='p4']").click(function(){
					$(".p3").hide()
				})
			})
		</script>
	</body>
</html>